<script>
export default {
  name: 'paymentWayTag',
  props: {
    type: {
      type: String,
      default: 'qk'
    }
  }
}
</script>

<template>
  <span class="tag" :class="{qk: type === '欠款', yf: type === '即结'}">
    {{ type === '欠款' ? '欠款' : '即结' }}
  </span>
</template>

<style scoped lang="scss">
.tag {
  //border: 1px solid #EBEEF5;
  font-size: 0.5rem;
  &.qk {
    color: #ff1000;
  }
  &.yf {
    color: #67C23A;
  }
}
</style>
